import {createRouter, createWebHistory} from 'vue-router'
import MainContent from "@/views/MainContent.vue";

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        {
            path: '/',
            name: 'home',
            component: MainContent,
        },
        {
            path: '/about',
            name: 'about',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/AboutView.vue'),
        },

        {
            path: '/study',
            name: 'study',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/Study.vue'),
        },
        {
            path: '/study2',
            name: 'study2',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/HomeView.vue'),
        },
        {
            path: '/creative_conn',
            name: 'conn',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/creativity/creative_connection.vue'),
        },

                {
            path: '/tool_shops',
            name: 'tool_shop',
            // route level code-splitting
            // this generates a separate chunk (About.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import('../views/tool_shop/ToolCategory.vue'),
        },

    ],
})

export default router
